<div class="tab-pane" id="tab-masters" role="tabpanel" aria-labelledby="nav-masters">
	<div class="card">
		<div class="card-header bg-primary text-white">
			<div class="row align-items-center">
				<div class="col">
					<div class="h4 mb-0"><i class="bi bi-box-seam me-2"></i>Slide Masters / Layouts / Templates</div>
				</div>
				<div class="col-auto">
					<a href="https://gitbrent.github.io/PptxGenJS/docs/masters/" title="Documentation" target="_blank">
						Docs<i class="bi bi-box-arrow-up-right ms-2"></i>
					</a>
				</div>
			</div>
		</div>
		<div class="card-body">
			<div class="bg-primary-subtle text-white mb-3 border-start border-info border-4 px-4 py-3 mb-4">
				<h4 class="text-info">Slide Master Support</h4>
				<ul class="mb-0">
					<li>Create slide decks that match your existing school or company designs.</li>
					<li>Define a slide master with code - including logos, backgrounds, placeholders, and slide numbers.</li>
					<li>Tip: Slide Masters are reusable blueprints for layout and design, saving you from having to create the same margins, layout, etc.</li>
				</ul>
			</div>
			<div class="row mb-4">
				<div class="col-auto">
					<h5>Demo Slides</h5>
					<h6>Slides 1-6</h6>
					<ul class="list-group list-group-flush">
						<li class="list-group-item">TITLE_SLIDE</li>
						<li class="list-group-item">MASTER_SLIDE</li>
						<li class="list-group-item">MASTER_SLIDE</li>
						<li class="list-group-item">MASTER_SLIDE</li>
						<li class="list-group-item">MASTER_SLIDE</li>
						<li class="list-group-item">THANKS_SLIDE</li>
					</ul>
					<div class="text-center mt-4">
						<button id="btnGenFunc_Master" type="button" class="btn btn-success w-100">Run Demo</button>
					</div>
				</div>
				<div class="col">
					<h5>How To</h5>
					<h6>Create and Apply</h6>
					<pre class="bg-black"><code id="demo-master" class="language-javascript"></code></pre>
				</div>
			</div>
			<div class="row">
				<div class="col">
					<h5>PowerPoint</h5>
					<h6>Example Slide Master Result</h6>
					<img src="images/slide-master.png" class="border img-fluid" alt="Slide Master Example">
				</div>
			</div>
		</div>
	</div>
</div>
